import React from "react";

// function handleClick2(){

// }
export default class App extends React.Component {
  a = 1;
  handleClick2(e) {
    console.log(e);
  }
  handleClick3 = (e) => {
    console.log(e);
  };
  render() {
    return (
      <>
        <button onClick={() => console.log(this.a)}>点击1</button>
        <button onClick={this.handleClick2.bind(this)}>点击2</button>
        <button onClick={this.handleClick3}>点击3</button>
        <button onClick={(e) => this.handleClick2(e)}>点击4 用得最多</button>
      </>
    );
  }
}

// const obj1 = {
//   name: "name1",
//   getName(num, num2) {
//     console.log(this.name, num, num2);
//   },
// };

// const obj2 = {
//   name: "name2",
//   getName(num, num2) {
//     console.log(this.name, num, num2);
//   },
// };

// obj1.getName();
// obj2.getName();

// 更改this指向  bind apply call
// obj1.getName.bind(obj2, 1, 2)();
// obj2.getName.apply(obj1, [1]);
// obj2.getName.call(obj1, 1);
